/* pages/recruitment/recruitment.wxss */

page{
    height: 100%;
}

.recruitment{
    position: relative;
    height: 100%;
    background: #0bc4af;
}

.recruitment .recruitment_bg{
    position: absolute;
    width: 100%;
    height: 100%;
}

.main{
    position: absolute;
    left: 56rpx;
    right: 56rpx;
    top: 50%;
    transform: translateY(-50%);
}

.recruitment_txt{
    width: 100%;
}

.recruitment_form{
    padding: 15rpx;
    box-sizing: border-box;
    background: #0BC2AE;
    border-radius: 10rpx;
    box-shadow: 0px 2rpx 21rpx 0px rgba(0, 0, 0, 0.33);
    margin-top: -70rpx;
    position: relative;
    z-index: 1;
}

.recruitment_form .form_container{
    background: #FFFFFF;
    border-radius: 10px;
    padding:0 51rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form_container .form_head{
    width: 249rpx;
    height: 28rpx;
    margin: 53rpx 0;
}

.form_container .form_input{
    padding: 0 20rpx;
    box-sizing: border-box;
    width: 100%;
    height: 63rpx;
    line-height: 63rpx;
    background: #F7F7F9;
    border-radius: 10px;
}

.form_input + .form_input{
    margin-top: 39rpx;
}

.form_buttom{
    margin: 42rpx 0 51rpx 0;
    width: 387rpx;
    height: 80rpx;
    background: linear-gradient(94deg, #0CD8C2, #0BC2AE);
    border-radius: 40rpx;
    font-size: 30rpx;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 80rpx;
}